<section class="channel-h5">
    <div class="channel-h5__header">
        <p class="channel-h5__title">
            女生最爱
        </p>
    </div>
    <div>
        <ul class="list-h5">
            <li v-for="item in female" v-if="$index < 5">
                <div class="book-h5">
                    <div class="book-h5__cover">
                        <img :alt=item.title
                             :src=item.cover>
                        <p class="book-h5__finish">完结</p>
                    </div>
                    <div class="book-h5__info">
                        <p class="book-h5__title">{{item.title}}</p>
                        <p class="book-h5__author">{{item.authors}}</p>
                        <p class="book-h5__summary">{{item.summary}}</p>
                        <div class="book-h5__wrap">
                            <div class="book-h5__tag" v-for="tag in item.tags">{{tag}}</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="channel-h5__footer_next">
        <a href="javascript:">换一换</a>
        <a href="/female">女生频道</a>
    </div>
</section>